<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>第62个CSS页面</title>
    <style type="text/css">
        img {
            float: right;
            border: 1px solid red;
            margin: 0px 0px 15px 20px;
        }
    </style>
</head>
<body>

<p>
    设置浮动在段落右侧的图像的边距，推离文本
</p>

<p>
    <img src="http://www.w3school.com.cn/i/eg_cute.gif" alt="no picture" />
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
</p>

</body>
</html>